<div id="addStockModal" class="modal fade add-stock-modal" tabindex="-1" role="dialog" aria-labelledby="addGroupModalLabel"
  aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-head">
        添加自选股
        <img src="/static/images/btn_close.png" alt="close" class="btn-close" data-dismiss="modal" aria-hidden="true" (click)="closeModal($event)">
      </div>
      <div class="modal-body" (click)="$event.stopPropagation()">
        <p>请选择"<span>{{name}}</span>"将被添加到的自选股分组</p>

        <form role="form" name="addStockForm" class="add-stock-form form-horizontal" novalidate>
          <div class="form-group watchlists">
            <div class="form-control" *ngFor="let group of allGroups">
              <span class="input-wrapper">
              <input type="checkbox" [attr.id]="group.id" ngControl="group" [(ngModel)]="group['checked']" (click)="onClick(group)" [ngModelOptions]="{standalone: true}">
              </span>
              <label [attr.for]="group.id">{{group.name}}</label>
            </div>
          </div>
          <div class="form-group btn-zone">
            <button type="button" class="btn btn-default cancel" data-dismiss="modal" aria-hidden="true" (click)="closeModal()">取消</button>
            <button type="button" class="btn btn-primary submit" (click)="confirm()" value="确认">确认</button>
          </div>
        </form>
      </div>
    </div>
  </div>
</div>